<template>
  <div @click="hideEgg()" class="bg-blur icon animated fadeIn">
    <div class="pop box box-ver">
      <img :src="code" alt="">
    </div>
  </div>
</template>

<script>

export default {
  name: 'subscribe',
  data () {
    return {
      showEggFlag: false,
      code: require('../assets/images/code.png')
    }
  },
  mounted () {
  },
  methods: {
    hideRule () {
      this.$emit('hideRule')
    },
    showEgg () {
      this.showEggFlag = true
    },
    hideEgg () {
      this.showEggFlag = false
    }
  }
}
</script>

<style lang="scss" scoped>
@import '../assets/css/mixins.scss';
.pop{
  width:4.8rem;
  height:auto;
}
img{
  display:block;
  width:100%;
}
.text{
  font-size:.32rem;
  text-align:center;
  width:100%;
}
.text1{
  padding-top:.33rem;
}
.text2{
  padding-bottom:.3rem;
}

</style>
